<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>珠峰培训</title>
    <!--IMPORT CSS-->
    <link rel="stylesheet" href="css/zhufeng-animate.1.0.0.min.css">
    <link rel="stylesheet" href="css/index.css">

    <!--IMPORT JS-->
    <script src="js/zhufeng-aniamte-phone-1.0.0.min.js"></script>
</head>
<body>
<main class="mainBox">
    <!--PAGES-->
    <section class="swiper-container">
        <div class="swiper-wrapper">
            <!--PAGE1-->
            <div class="swiper-slide page1">
                <img src="img/index_1.png" alt="">
                <img src="img/index_2.png" alt="">
                <img src="img/index_3.png" alt="">
                <img src="img/index_4.png" alt="">
                <img src="img/index_5.png" alt="">
            </div>
            <!--PAGE2-->
            <div class="swiper-slide page2">
                <img src="img/page2_2.png" alt="">
                <img src="img/page2_3.png" alt="">
                <img src="img/page2_4.png" alt="">
                <img src="img/page2_5.png" alt="">
                <img src="img/page2_7.png" alt="">
                <img src="img/page2_8.png" alt="">
                <img src="img/page2_9.png" alt="">

                <div class="text">
                    <p>许年华如水</p>
                    <p>与君共豆蔻几岁光阴</p>
                    <p>等待几秒钟</p>
                    <p>图片会自动切换哦</p>
                </div>

                <div class="content">
                    <div class="slides">
                        <div class="slide slide--current">
                            <div class="slide__img"
                                 style="background-image: url(img/person_1.jpg);">
                            </div>
                        </div>
                        <div class="slide">
                            <div class="slide__img"
                                 style="background-image: url(img/person_6.jpg);">
                            </div>
                        </div>
                        <div class="slide">
                            <div class="slide__img"
                                 style="background-image: url(img/person_7.jpg);">
                            </div>
                        </div>
                        <div class="slide">
                            <div class="slide__img"
                                 style="background-image: url(img/person_8.jpg);">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--PAGE3-->
            <div class="swiper-slide page3">
                <img src="img/page3_1.png" alt="">
                <img src="img/page3_3.png" alt="">
                <div>
                    <img src="img/zhou.png" alt="">
                    <p>扫码领取课程视频</p>
                </div>
            </div>
        </div>
    </section>

    <!--MUSIC & BTN-->
    <audio src="audio/remembrance_of_youth.m4a" autoplay loop class="musicAudio"></audio>
    <a href="javascript:;" class="musicBtn move"></a>
    <a href="javascript:;" class="preBtn"></a>
</main>
</body>
</html>